<ui:fragment xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui" xmlns:f="http://java.sun.com/jsf/core" xmlns:shiro="http://shiro.apache.org/tags"
	xmlns:c="http://java.sun.com/jsp/jstl/core" xmlns:sec="http://www.springframework.org/security/tags">

	<div id="MENUSIDE">
		<div id="MENUSIDEindent">

			<!-- LOGO -->
			<span id="LOGO" class="bordersOfMenuSide"> <h:graphicImage name="images/logo.png" /> <h:graphicImage styleClass="hiddenIcons"
					name="images/logo.png" />

				<div id="hiddenLogoTextEl" class="hiddenLogoText">
					<span class="dispBlock logoDarkText fontSize30">KOBY </span> <span class="dispBlock logoBlueText fontSize30 mediumFont">SYSTEM</span>
				</div>
			</span> <span class="emptyBox" />

			<!-- PESQUISA -->
			<div class="MenuSideMainLink bordersOfMenuSide">
				<h:graphicImage name="images/zoom.svg" class="zoomIcon" />
				<input id="menuSearch" type="text" placeholder="Pesquisar" class="mediumFont fontSize14 mustClose searchInput" />
			</div>

			<!-- SUBMENU -->
			<span class="MenuSideMainLink bordersOfMenuSide" onclick="Showcase.openSubMenu(this);"> <h:graphicImage name="images/mono/data.svg" /> <h:graphicImage
					styleClass="hiddenIcons" name="images/mono/dataBlue.svg" /> <span class="MainLinkText">Cadastros</span>
			</span>

			<div class="SubMenuLinkContainer">
						<!-- ITEM 1 -->
				<a class="SubMenuLink" href="#{request.contextPath}/pages/cadastro/usuario.jsf">Usuarios do Sistema</a>
				
				<!-- ITEM 1 -->
				<a class="SubMenuLink" href="#{request.contextPath}/pages/cadastro/cliente.jsf">Clientes</a>

				<!-- ITEM 2 -->
				<span class="SubMenuLink" onclick="Showcase.openSubSubMenu(this);"> Produtos
					<div class="subsubMenuLinks">
						<a href="#{request.contextPath}/pages/cadastro/usuario.jsf">Produtos</a> <a href="#">Tipo de Produto</a> <a href="#">Categoria de Produto</a>
					</div>
				</span>
					<!-- ITEM 2 -->
				<a class="SubMenuLink" href="#{request.contextPath}/pages/cadastro/usuario.jsf">Serviços</a>

				<!-- ITEM 3 -->
				<a class="SubMenuLink" href="#">Fornecedores</a>

				<!-- SUBMENU -->
				<span class="SubMenuLink" onclick="Showcase.openSubSubMenu(this);"> Usuários
					<div class="subsubMenuLinks">
						<a href="#{request.contextPath}/pages/cadastro/usuario.jsf">Sistema</a> <a href="#">Conveniada</a> <a href="#">Estabelecimento</a>
					</div>
				</span>
			</div>

			<span class="MenuSideMainLink bordersOfMenuSide" onclick="Showcase.openSubMenu(this);"> <h:graphicImage name="images/mono/overlay.svg" /> <h:graphicImage
					styleClass="hiddenIcons" name="images/mono/overlayBlue.svg" /> <span class="MainLinkText">Relatórios</span>
			</span>

			<div class="SubMenuLinkContainer">
				<!-- ITEM 1 -->
				<a class="SubMenuLink" href="#">Relatório 1</a>

				<!-- ITEM 2 -->
				<a class="SubMenuLink" href="#">Relatório 2</a>

				<!-- ITEM 3 -->
				<a class="SubMenuLink" href="#">Relatório 3</a>
			</div>
		</div>
	</div>
</ui:fragment>